<template>
    <el-row style="height: 100%">
        <el-col :span="6" class="padding">
            <div  style="height: 86vh;">

                <div class="flex-box margin-bottom hover-shadow">
                    <div class="flex-header">
                        <h5><i class="fa-fw fa fa-gears"></i>系统参数编辑器</h5>
                    </div>

                    <div class="flex-body">
                        <div class="text-block border-bottom active">
                            <span>绩效考察</span>
                            <small class="text-secondary">&nbsp;汇算比例调整</small>
                        </div>
                        <div class="text-block border-bottom">
                            <span>出账阈值提醒</span>
                            <small class="text-secondary">&nbsp;</small>
                        </div>
                    </div>
                </div>

                <div class="flex-box">
                    <div class="flex-header">
                        <h5><i class="fa-fw fa fa-gears"></i>系统参数编辑器</h5>
                    </div>

                    <div class="flex-body">
                        <div class="text-block border-bottom">
                            <span>汛期巡检计划</span>
                            <small class="text-secondary">&nbsp;巡查任务参数配置</small>
                        </div>
                        <div class="text-block border-bottom">
                            <span>系统参数</span>
                            <small class="text-secondary">&nbsp;各类默认值配置</small>
                        </div>
                        <div class="text-block border-bottom">
                            <span>河道水量阈值</span>
                            <small class="text-secondary">&nbsp;系统核心配置</small>
                        </div>
                    </div>
                </div>

            </div>
        </el-col>
        <el-col :span="18" class="padding">
            <code-editor-props style="height: 86vh;"></code-editor-props>
        </el-col>
    </el-row>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>
